<template>
  <page-layout :title="title">
    <a-card  :bordered="false" style="height:500px">
      <detail-list class="mycss">订单编号: {{record.payOrderNo}}</detail-list>
      <detail-list class="mycss">买家昵称: {{record.userNickname}}</detail-list>
      <detail-list class="mycss">买家手机号: {{dataSource.phone}}</detail-list>
      <detail-list class="mycss">付款金额: {{record.payAmount}}</detail-list>
      <detail-list class="mycss">付款方式: {{record.payChannel_dictText}}</detail-list>
      <detail-list class="mycss">付款时间：{{record.createTime}}</detail-list>
      <a-divider style="margin-bottom: 32px"/>
    </a-card>


  </page-layout>
</template>

<script>
    import PageLayout from '@/components/page/PageLayout'
    import STable from '@/components/table/'
    import DetailList from '@/components/tools/DetailList'
    import ABadge from "ant-design-vue/es/badge/Badge"
    import {getAction, putAction} from '@/api/manage'

    const DetailListItem = DetailList.Item

    export default {
        components: {
            PageLayout,
            ABadge,
            DetailList,
            DetailListItem,
            STable
        },
        data() {

            return {
                id: '',//用户id
                url: {
                    byid: "/tipMember/queryById"
                },
                dataSource: {}
            }
        },
        created() {
            console.log(this.$route.params.record)
            this.record = this.$route.params.record
            this.id = this.$route.params.record.uid
            this.getMemberinfo(this.id);
        },
        methods: {
            //根据Uid获取会员信息
            getMemberinfo() {
                getAction(this.url.byid, {id: this.id}).then((res) => {
                    if (res.success) {
                        this.dataSource = res.result
                        console.log(res.result)
                    }
                    if (res.code === 510) {
                        this.$message.warning(res.message)
                    }
                    this.loading = false
                })
            }
        },

        computed: {
            title() {
                return this.$route.meta.title
            }
        },

    }
</script>

<style lang="less" scoped>
  .title {
    color: rgba(0, 0, 0, .85);
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 16px;
  }
  .mycss {
    font-size: 18px;
    margin-bottom: 15px;
    color: black;
  }
</style>